<!DOCTYPE HTML>
<html>
<head>
<title>News</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Hotel Deluxe Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script src="js/jquery.easydropdown.js"></script>
<script src="js/wow.min.js"></script>
<link href="css/animate.css" rel='stylesheet' type='text/css' />
<script>
	new WOW().init();
</script>
</head>
<body>
<div class="header">
		   <div class="col-sm-8 header-left">
					 <div class="logo">
						<a href="index.html"><img src="images/logo.png" alt=""/></a>
					 </div>
					 <div class="menu">
						  <a class="toggleMenu" href="#"><img src="images/nav.png" alt="" /></a>
						    <ul class="nav" id="nav">
						    	<li><a href="index.html">主页</a></li>
						    	<li><a href="rooms.html">房间</a></li>
						    	<li class="active"><a href="news.html">个人主页</a></li>
						    	<li><a href="gallery.html">图片</a></li>
						    
								<div class="clearfix"></div>
							</ul>
							<script type="text/javascript" src="js/responsive-nav.js"></script>
				    </div>	
				     <!-- start search-->
				      <div class="search-box">
							<div id="sb-search" class="sb-search">
								<form>
									<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
									<input class="sb-search-submit" type="submit" value="">
									<span class="sb-icon-search"> </span>
								</form>
							</div>
						</div>
						<!----search-scripts---->
						<script src="js/classie.js"></script>
						<script src="js/uisearch.js"></script>
						<script>
							new UISearch( document.getElementById( 'sb-search' ) );
						</script>
						<!----//search-scripts---->						
	    		    <div class="clearfix"></div>
	    	    </div>
	          <div class="col-sm-4 header_right">
	    		      <div id="loginContainer"><a href="#" id="loginButton"><img src="images/login.png">
							  <span>
								<a href="lowin.html">Login</a>
							  </span>
			             </div>
		                 <div class="clearfix"></div>
	                 </div>
	                <div class="clearfix"></div>
   </div>
    </div>
   </div>
   <div class="living_middle">
   	  <div class="container">
   		  <div class="col-md-4 wow fadeInLeft" data-wow-delay="0.4s">
   		  	<ul class="feature">
                   <li> <i class="icon-trophy"></i></li>
					<li class="feature_right"><h4>个人信息</h4>
						<br>
						<li>
							姓名：wuyuxin
						</li>
						<li>
							性别：男
						</li>
						<li>
							年龄：21
						</li>
                    </li>
                    <div class="clearfix"></div>
            </ul>
            <ul class="feature">
                   <li> <i class="icon-tick"></i></li>
					<li class="feature_right"><h4>订单</h4>
						<br>
						<li>
							订单号:123
						</li>
						<li>
							所订房间号：123
						</li>
                    </li>
                    <div class="clearfix"></div>
            </ul>
            <ul class="feature">
                   <li> <i class="icon-audio"></i></li>
                    <li class="feature_right"><h4>酒店服务</h4>
						<br>
                    </li>
                    <div class="clearfix"></div>
            </ul>
            <ul class="feature last_grid">
                   <li> <i class="icon-video"></i></li>
                    <li class="feature_right"><h4>其他</h4>
						<br>
                    </li>
                    <div class="clearfix"></div>
            </ul>
         </div>
         <div class="col-md-8 wow fadeInRight" data-wow-delay="0.4s">
          <div class="educate_grid">
            <div class="col-md-6 room-grid">
   	    	  <div class="living_box"><a href="single.html">
			    <img src="images/e4.jpg" class="img-responsive" alt=""/>
				<span class="sale-box">
				  <span class="sale-label">门厅</span>
			    </span>
				</a>
				<div class="living_desc desc1">
				<h3><a href="#">华丽的门厅</a></h3>
				<p>很贵 </p>
				<p class="educate"><img src="images/star1.png" alt=""/></p>
				<p class="price pr_box">$0</p>
				<div class="clearfix"></div>
				</div>
			  </div>
		    </div>
		    <div class="col-md-6 room-grid">
   	    	  <div class="living_box"><a href="single.html">
			    <img src="images/e3.jpg" class="img-responsive" alt=""/>
				<span class="sale-box">
				  <span class="sale-label">房间</span>
			    </span>
				</a>
				<div class="living_desc desc1">
				<h3><a href="#">豪华套房</a></h3>
				<p>很贵 </p>
				<p class="educate"><img src="images/star1.png" alt=""/></p>
				<p class="price pr_box">$1500</p>
				<div class="clearfix"></div>
				</div>
			  </div>
		    </div>
		    <div class="clearfix"></div>
		   </div>
		   <div class="educate_grid1">
            <div class="col-md-6 room-grid">
   	    	  <div class="living_box"><a href="single.html">
			    <img src="images/e1.jpg" class="img-responsive" alt=""/>
				<span class="sale-box">
				  <span class="sale-label">阳台</span>
			    </span>
				</a>
				<div class="living_desc desc1">
				<h3><a href="#">豪华阳台</a></h3>
				<p>好看的阳台 </p>
				<p class="educate"><img src="images/star1.png" alt=""/></p>
				<p class="price pr_box">$150</p>
				<div class="clearfix"></div>
				</div>
			  </div>
		    </div>
		    <div class="col-md-6 room-grid">
   	    	  <div class="living_box"><a href="single.html">
			    <img src="images/e2.jpg" class="img-responsive" alt=""/>
				<span class="sale-box">
				  <span class="sale-label">游泳池</span>
			    </span>
				</a>
				<div class="living_desc desc1">
				<h3><a href="#">免费的游泳池</a></h3>
				<p>免费的游泳池</p>
				<p class="educate"><img src="images/star1.png" alt=""/></p>
				<p class="price pr_box">$0</p>
				<div class="clearfix"></div>
				</div>
			  </div>
		    </div>
		    <div class="clearfix"></div>
		   </div>
		 </div>
      </div>
   </div>
   </div>
</body>
</html>		